// 入口文件
// createApp 创建实例对象
import { createApp } from 'vue'
import App from './App.vue'
import router from './router/index';
import 'element-plus/dist/index.css'
import { ElButton, ElRow, ElCol, ElInput, ElCheckbox } from 'element-plus';



const app = createApp(App);

// 注册路由器
app.use(router);

app.use(ElButton);
app.use(ElRow);
app.use(ElCol);
app.use(ElInput);
app.use(ElCheckbox);
// 挂载
app.mount('#app')




/* 
vue2    vue-router@3

两个的用法基本一致

①下载npm i -S vue-router@3
②创建路由器模块
src  router文件
mode  hash history区别   前台路由和后台路由的区别
routes
③在入口文件当中注册路由器（只发生一次）
④写路由组件views或者 pages
⑤要在哪里显示路由组件
router-link a  相当于导航
router-view  显示路由组件的位置（出口）

keep-alive  作用
  触发生命周期钩子函数是哪两个

嵌套路由 路由重定向  

路由元
路由懒加载



vue3    vue-router@4
①下载 npm i -S vue-router@4









*/

/* 
咱们之前开发用的  vue2 + js
    现在         vue3 + ts
    能开发       vue3 + js 



*/